<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>省市区三级联动下拉菜单</title>
    <link rel="stylesheet" type="text/css" href="css/city-picker.css">
    <link rel="stylesheet" type="text/css" href="css/main.css">

</head>
<body>
    <form>
        <div style="position: relative;">
            <!-- container -->
           <input readonly type="text" data-toggle="city-picker" placeholder="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;请选择省&nbsp;&nbsp;&nbsp;--&nbsp;&nbsp;&nbsp;市&nbsp;&nbsp;&nbsp;--&nbsp;&nbsp;&nbsp;区县&nbsp;&nbsp;&nbsp;--&nbsp;&nbsp;&nbsp;镇">
        </div>
    </form>
    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script src="https://huangchanghuan.github.io/city-picker/js/city-picker.data.js"></script>
    <script type="text/javascript" src="js/city-picker.js"></script>
    <!-- <script type="text/javascript" src="js/main.js"></script> -->
</body>

</html>